<template>
  <view class="huiyuan-good" @click="onClick">
    <image class="pic"></image>
    <view class="info">
      <view class="name text-cut u-font-30">NIKE 耐克 篮球鞋</view>

      <view class="sub text-cut u-font-24">字母哥配色篮球鞋</view>

      <view class="price">
        <view class="u-font-32">¥999</view>

        <view class="tag">
          <view class="left">会员</view>
          <view class="right">省￥39</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    methods: {
      onClick() {
        this.$emit('click')
      }
    }
  }
</script>

<style lang="scss">
  .huiyuan-good {
    width: 336rpx;
    height: 493rpx;
    background: #FFFFFF;
    border-radius: 12rpx;
    margin: 12rpx 0;

    .pic {
      width: 336rpx;
      height: 334rpx;
      background: #967658;
      border-radius: 12rpx;
    }

    .info {
      height: 144rpx;
      padding: 8rpx 16rpx;
      display: flex;
      flex-direction: column;
    }

    .sub {
      color: #C0BBB7;
    }

    .price {
      display: flex;
      justify-content: space-between;
      align-items: center;
      // color: #967658;
      margin-top: auto;

      .tag {
        width: 170rpx;
        height: 48rpx;
        background: url(../../../static/icons/hy-price.png) center / cover no-repeat;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18rpx;
        padding: 0 10rpx;

        .left {
          width: 80rpx;
          text-align: center;
          color: #FFE8BB;
        }

        .right {
          width: 80rpx;
          text-align: center;
          color: #967658;
        }
      }
    }
  }
</style>
